@page
@{ Layout = "_LayoutHome"; }

@section Styles{
    <style>
        .el-descriptions-item__label.is-bordered-label {
            width: 180px;
        }
    </style>
}

<el-card>
    <el-row :gutter="0">
        <el-col :span="5" style="text-align:center;">
            <el-avatar :size="128" :src="user.avatarUrl || DEFAULT_AVATAR_URL"></el-avatar>
            <div>
                <div style="padding:10px 0;">欢迎回来</div>
                <span><i class="el-icon-user" style="padding:0 3px"></i>{{ user.displayName }}</span>

            </div>
        </el-col>
        <el-col :span="19">
            <el-scrollbar class="scrollbar" :style="{ height: ($(window).height()-65) + 'px' }">
                <el-descriptions title="" border column="1" style="margin-right:10px;">
                    <el-descriptions-item label="账 号">{{ user.userName }}</el-descriptions-item>
                    <el-descriptions-item label="姓 名">{{ user.displayName }}</el-descriptions-item>
                    <el-descriptions-item label="组 织">{{ user.organNames }}</el-descriptions-item>
                    <el-descriptions-item label="手 机">{{ user.mobile }}</el-descriptions-item>
                    <el-descriptions-item label="邮 箱">{{ user.email }}</el-descriptions-item>
                    <el-descriptions-item label="上次登录时间">{{ user.lastActivityDate }}</el-descriptions-item>
                    <el-descriptions-item label="登录次数">{{ user.countOfLogin }}</el-descriptions-item>
                </el-descriptions>
            </el-scrollbar>
        </el-col>
    </el-row>
</el-card>

@section Scripts{
<script src="/sitefiles/assets/js/home/dashboard.js" type="text/javascript"></script> }